<ui:composition template="../template/principal_00.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui" >


    <ui:define name="titulo">
        #{cronologiaBean.titulo}
    </ui:define>

    <ui:define name="panelPrincipal">

        <h:form id="formulario" prependId="false">

            <p:panel header="#{cronologiaBean.titulo}" style="width:100%">

                <h:panelGrid columns="3" columnClasses="colTop,colTop,colTop" >
                    
                    <h:panelGrid columns="2" columnClasses="colLabel,colDato" >
                        
                        <h:outputText value="Producto:" />
                        <h:panelGroup>

                            <h:outputText value="#{buscadorProductoBean.producto.artcod}" rendered="#{not empty buscadorProductoBean.producto}"  />
                            <p:commandButton value="Buscar Producto" icon="find16" oncomplete="dlg_producto.show()" />

                        </h:panelGroup>

                        <h:outputText value="Deposito:" />
                        <p:selectOneMenu value="#{cronologiaBean.deposito}" required="true"
                                         converter="#{conversoresInventario.deposito}"
                                         requiredMessage="El depósito es obligatorio"
                                         filter="true" filterMatchMode="startsWith" >
                            <f:selectItem itemLabel="Seleccionar" itemValue="" />
                            <f:selectItems value="#{buscadorDepositoBean.lista}"
                                           var="i" itemLabel="#{i.descrp}" itemValue="#{i}"/>
                        </p:selectOneMenu>

                        <h:outputText value="Fecha Desde:" />
                        <p:calendar value="#{cronologiaBean.fDesde}" pattern="dd/MM/yyyy" size="12" locale="es"
                                    navigator="true" required="true" requiredMessage="La fecha desde es obligatoria"
                                    maxdate="#{cronologiaBean.fMaxima}" />

                        <h:outputText value="Fecha Hasta:" />
                        <p:calendar value="#{cronologiaBean.fHasta}" pattern="dd/MM/yyyy" size="12" locale="es"
                                    navigator="true" required="true" requiredMessage="La fecha hasta es obligatoria"
                                    maxdate="#{cronologiaBean.fMaxima}" />
                        
                    </h:panelGrid>


                    <p:spacer width="15" />

                    <p:dataTable id="movimientos" style="width: 400px;"
                                 value="#{cronologiaBean.movimientos}" var="i"
                                 emptyMessage="El producto seleccionado no posee stock"                                 
                                 rows="15" paginator="true" >
                                               
                   

                    </p:dataTable>

                </h:panelGrid>

            </p:panel>

            <ui:include src="../inventario/buscadorProducto.xhtml" />

        </h:form>

    </ui:define>
    
</ui:composition>